<style>
    #accidentReport-edit .layui-form-label {
        width:110px;
    }
    #accidentReport-edit .layui-input-block {
        margin-left: 145px;
    }
    #accidentReport-edit .grey-input{
        background-color: #dfa7a73b;
    }
    #accidentReport-edit .deleteBtn {
        width: 15px;
        height: 16px;
        border: 2px solid #ccc;
        border-radius: 50%;
        text-align: center;
        line-height: 15px;
        font-size: 15px;
        cursor: pointer;
        background: red;
        color: #fff;
        z-index: 9;
    }

    #accidentReport-edit .file-flex {
        position: relative;
        display: flex;
        align-items: center;
        bottom: -9px;
    }

    #accidentReport-edit .fileName {
        height: 20px;
        line-height: 20px;
        color: #2D8CF0;
        white-space: nowrap;
        text-overflow: ellipsis;
        overflow: hidden;
        display: inline-block;
        padding-right: 5px;
    }
    #accidentReport-edit .bottom {
        width: 100%;
        position: absolute;
        bottom: 0px;
        left: 0px;
        height: 50px;
        line-height: 50px;
        background-color: #F8F8F8;
        border-top: 1px solid #eee;
    }
    #accidentReport-edit .tag {
        height: 30px;
        background-color: #ECF5FF;
        color: #409EFF;
        display: flex;
        align-items: center;
        padding: 10px;
        margin-right: 12px;
        box-sizing: border-box;
    }
</style>
<div class="febs-container" id="accidentReport-edit">
    <div class="febs-open-body">

        <form class="layui-form" action="" lay-filter="accidentReport-edit-form">
            <div class="layui-field-box">
                <div class="layui-form-item febs-hide">
                    <label class="layui-form-label febs-form-item-require">：报告id</label>
                    <div class="layui-input-block">
                        <input type="text" name="reportId" class="layui-input">
                    </div>
                </div>
                <div class="layui-form-item">
                    <div class="layui-row">
                        <div class="layui-col-xs12">
                            <label class="layui-form-label febs-form-item-require">事故标题：</label>
                            <div class="layui-input-block">
                                <input type="text" name="accidentTitle" autocomplete="off" class="layui-input" minlength="2"
                                       maxlength="150" placeholder="请输入事故名称" lay-verify="required">
                            </div>
                        </div>
                    </div>
                </div>
                <div class="layui-form-item">
                    <div class="layui-row">
                        <div class="layui-col-xs6">
                            <label class="layui-form-label febs-form-item-require">事故类型：</label>
                            <div class="layui-input-block">
                                <select name="accidentType" id="accidentType" lay-verify="required">
                                </select>
                            </div>
                        </div>
                        <div class="layui-col-xs6">
                            <label class="layui-form-label febs-form-item-require">事故等级：</label>
                            <div class="layui-input-block">
                                <select name="accidentLevel" id="accidentLevel" lay-verify="required">
                                </select>
                            </div>
                        </div>
                    </div>
                </div>
                <div class="layui-form-item">
                    <div class="layui-row">
                        <div class="layui-col-xs6">
                            <label class="layui-form-label febs-form-item-require">发生时间：</label>
                            <div class="layui-input-block">
                                <input type="text" name="accidentDate" id="accidentDate"
                                       placeholder="请选择发生时间" autocomplete="off" class="layui-input" lay-verify="datetime">
                            </div>
                        </div>
                        <div class="layui-col-xs6">
                            <label class="layui-form-label">船舶类型：</label>
                            <div class="layui-input-block">
                                <select name="accidentShipType" id="accidentShipType">
                                </select>
                            </div>
                        </div>
                    </div>
                </div>
                <div class="layui-form-item">
                    <div class="layui-row">
<!--                        <div class="layui-col-xs6">-->
<!--                            <label class="layui-form-label">作业类别：</label>-->
<!--                            <div class="layui-input-block">-->
<!--                                <select name="jobOperation" id="jobOperation">-->
<!--                                </select>-->
<!--                            </div>-->
<!--                        </div>-->
                        <div class="layui-col-xs12">
                            <label class="layui-form-label febs-form-item-require ">发生地点：</label>
                            <div class="layui-input-block">
<!--                                <select name="accidentAreaId" id="accidentAreaId" lay-search="" lay-filter="accidentAreaId" lay-verify="required">-->
<!--                                </select>-->
                                <input type="text" name="accidentPlace" autocomplete="off" class="layui-input" minlength="2"
                                       maxlength="150" placeholder="请输入事故发生地点" lay-verify="required">
                            </div>
                        </div>
                    </div>
                </div>
<!--                <div class="layui-form-item">-->
<!--                    <div class="layui-col-xs4">-->
<!--                        <label class="layui-form-label">是否人员伤亡：</label>-->
<!--                        <div class="layui-input-block">-->
<!--                            <input type="checkbox" id="casualtyFlg" name="casualtyFlg" lay-skin="switch"  lay-text="是|否"-->
<!--                                   lay-filter="casualtyFlg">-->
<!--                        </div>-->
<!--                    </div>-->
<!--                </div>-->
<!--                <div class="layui-form-item">-->
<!--                    <div class="layui-col-xs4">-->
<!--                        <label class="layui-form-label">是否接受援助：</label>-->
<!--                        <div class="layui-input-block">-->
<!--                            <input type="checkbox" id="acceptAssistFlg" name="acceptAssistFlg" lay-skin="switch"  lay-text="是|否"-->
<!--                                   lay-filter="acceptAssistFlg">-->
<!--                        </div>-->
<!--                    </div>-->
<!--                </div>-->
                <div class="layui-form-item">
                    <div class="layui-row">
                        <div class="layui-col-xs6">
                            <label class="layui-form-label">是否接受援助：</label>
                            <div class="layui-input-block">
                                <input type="checkbox" id="acceptAssistFlg" name="acceptAssistFlg" lay-skin="switch"  lay-text="是|否"
                                       lay-filter="acceptAssistFlg">
                            </div>
                        </div>
                        <div class="layui-col-xs6">
                            <label class="layui-form-label">报告主管部门：</label>
                            <div class="layui-input-block">
                                <input type="checkbox" id="noticeDeptFlg" name="noticeDeptFlg" lay-skin="switch"  lay-text="是|否"
                                       lay-filter="noticeDeptFlg">
                            </div>
                        </div>
                    </div>
                </div>

                <div class="layui-form-item febs-hide" id="noticeDeptDiv">
                    <div class="layui-col-xs6">
                        <label class="layui-form-label" id="noticeDeptName-label">主管部门名称：</label>
                        <div class="layui-input-block">
                            <input type="text" name="noticeDeptName" autocomplete="off" class="layui-input" minlength="2"
                                   maxlength="150" placeholder="请输入主管部门名称" >
                        </div>
                    </div>
                    <div class="layui-col-xs6">
                        <label class="layui-form-label" id="noticeDeptDate-label">上报时间：</label>
                        <div class="layui-input-block">
                            <input type="text" name="noticeDeptDate" id="noticeDeptDate"
                                   autocomplete="off" class="layui-input" placeholder="请选择上报时间">
                        </div>
                    </div>
                </div>

<!--                <div class="layui-form-item" >-->
<!--                    <div class="layui-row">-->
<!--                        <div class="layui-col-xs6">-->
<!--                            <label class="layui-form-label">所属科室：</label>-->
<!--                            <div class="layui-input-block ">-->
<!--                                <input type="text" name="deptId" class="febs-hide">-->
<!--                                <input type="text" name="deptName" autocomplete="off" class="layui-input"-->
<!--                                       minlength="2" maxlength="10" placeholder="请选择所属科室" disabled >-->
<!--                                <div class="layui-input-suffix" id="deptSelect">-->
<!--                                    <i class="layui-icon layui-icon-add-1"></i>-->
<!--                                </div>-->
<!--                            </div>-->
<!--                        </div>-->

<!--                        <div class="layui-col-xs6">-->
<!--                            <label class="layui-form-label">所属班组：</label>-->
<!--                            <div class="layui-input-block">-->
<!--                                <input type="text" name="deptTeamId" class="febs-hide">-->
<!--                                <input type="text" name="deptTeamName" autocomplete="off" class="layui-input"-->
<!--                                       minlength="2" maxlength="50" placeholder="请选择所属班组" disabled >-->
<!--                                <div class="layui-input-suffix" id="deptTeamSelect">-->
<!--                                    <i class="layui-icon layui-icon-add-1"></i>-->
<!--                                </div>-->
<!--                            </div>-->
<!--                        </div>-->

<!--                    </div>-->
<!--                </div>-->

<!--                <div class="layui-form-item">-->
<!--                    <div class="layui-row">-->
<!--                        <div class="layui-col-xs12">-->
<!--                            <label class="layui-form-label">相关人员：</label>-->
<!--                            <div class="layui-input-block">-->
<!--                                <dl style="margin-top: 5px;">-->
<!--                                    <dd style="display: flex;align-items: center">-->
<!--                                        <div style="margin-top: 0;display: flex;" class="selectName"></div>-->
<!--                                        <button type="button" plain=""-->
<!--                                                class="layui-btn layui-btn-primary layui-border-blue layui-btn-sm"-->
<!--                                                id="correlationUserSelect">-->
<!--                                            <i class="layui-icon layui-icon-add-1"></i>-->
<!--                                            选择-->
<!--                                        </button>-->
<!--                                    </dd>-->
<!--                                </dl>-->
<!--                            </div>-->

<!--                        </div>-->
<!--                    </div>-->
<!--                </div>-->
<!--                <div class="layui-form-item" id="casualtyDiv">-->
<!--                    <div class="layui-col-xs12">-->
<!--                        <label class="layui-form-label">伤亡简述：</label>-->
<!--                        <div class="layui-input-block">-->
<!--                            <textarea type="text" name="casualtyRemark" autocomplete="off" class="layui-textarea" minlength="2"-->
<!--                                      maxlength="800" placeholder="请输入伤亡简述"></textarea>-->
<!--                        </div>-->
<!--                    </div>-->
<!--                </div>-->

                <div class="layui-form-item">
                    <div class="layui-row">
                        <div class="layui-col-xs12">
                            <label class="layui-form-label febs-form-item-require">初步损失情况：</label>
                            <div class="layui-input-block">
                                        <textarea type="text" name="preliminarilyDamage" autocomplete="off" class="layui-textarea" minlength="2"
                                                  maxlength="800" placeholder="请输入初步损失情况" lay-verify="required"></textarea>
                            </div>
                        </div>
                    </div>
                </div>
                <div class="layui-form-item">
                    <div class="layui-row">
                        <div class="layui-col-xs12">
                            <label class="layui-form-label febs-form-item-require">初步事故描述：</label>
                            <div class="layui-input-block">
                                        <textarea type="text" name="preliminarilyDescript" autocomplete="off" class="layui-textarea" minlength="2"
                                                  maxlength="800" placeholder="请输入初步事故描述" lay-verify="required"></textarea>
                            </div>
                        </div>
                    </div>
                </div>

                <div class="layui-col-xs12">
                    <div class="layui-form-item">
                        <label class="layui-form-label">附件上传：</label>
                        <div class="layui-input-block" id="uploadBtn">
                        </div>
                    </div>
                </div>

            </div>
        <div class="layui-form-item febs-hide">
            <button class="layui-btn" lay-submit="" lay-filter="accidentReport-edit-form-save" id="save"></button>
            <button class="layui-btn" lay-submit="" lay-filter="accidentReport-edit-form-submit" id="submit"></button>
            <button type="reset" class="layui-btn" id="reset"></button>
        </div>
    </form>

    </div>
</div>
<script data-th-inline="javascript">
    var accidentReportData = [[${accidentReport}]];
</script>
<script th:src="@{/febs/js/accidentReport/accidentReportEdit.js(v=1)}"></script>